const data = [
  [26, 8, 26], // 北京的211，985，双一流学校个数
  [9, 4, 9], // 上海的211，985，双一流学校个数
  [8, 2, 8], // 南京的211，985，双一流学校个数
  [7, 2, 7], // 武汉的211，985，双一流学校个数
  [6, 3, 6], // 西安的211，985，双一流学校个数
  [5, 2, 5], // 成都的211，985，双一流学校个数
  [4, 2, 4], // 广州的211，985，双一流学校个数
  [3, 2, 3], // 长沙的211，985，双一流学校个数
  [4, 1, 4], // 哈尔滨的211，985，双一流学校个数
  [3, 1, 3], // 天津的211，985，双一流学校个数
  [2, 1, 2], // 合肥的211，985，双一流学校个数
  [2, 1, 2], // 重庆的211，985，双一流学校个数
  [2, 1, 2], // 大连的211，985，双一流学校个数
  [1, 1, 1], // 厦门的211，985，双一流学校个数
  [1, 1, 1], // 长春的211，985，双一流学校个数
  [1, 1, 1], // 济南的211，985，双一流学校个数
  [1, 1, 1], // 兰州的211，985，双一流学校个数
  [1, 1, 1], // 昆明的211，985，双一流学校个数
  [1, 0, 1], // 南昌的211，非985，双一流学校个数
  [1, 0, 1], // 南宁的211，非985，双一流学校个数
  [1, 0, 1], // 太原的211，非985，双一流学校个数
  [1, 0, 1], // 贵阳的211，非985，双一流学校个数
  [1, 0, 1], // 海口的211，非985，双一流学校个数
  [1, 0, 1], // 银川的211，非985，双一流学校个数
  [1, 0, 1], // 西宁的211，非985，双一流学校个数
  [1, 0, 1], // 乌鲁木齐的211，非985，双一流学校个数
  [0, 0, 1], // 拉萨的非211，非985，双一流学校个数
];
// prettier-ignore
const cities = [
  '北京',
  '上海',
  '南京',
  '武汉',
  '西安',
  '成都',
  '广州',
  '长沙',
  '哈尔滨',
  '天津',
  '合肥',
  '重庆',
  '大连',
  '厦门',
  '长春',
  '济南',
  '兰州',
  '昆明',
  '南昌',
  '南宁',
  '太原',
  '贵阳',
  '海口',
  '银川',
  '西宁',
  '乌鲁木齐',
  '拉萨'
];

export const option = {
  title: {
    text: "中国大学分布情况",
    // subtext: 'Data from https://www.numbeo.com'
  },
  legend: {
    show: true,
    top: "bottom",
    data: ["211", "985", "双一流"],
  },
  grid: {
    top: 100,
  },
  angleAxis: {
    type: "category",
    data: cities,
  },
  tooltip: {
    show: true,
    formatter: function (params) {
      const id = params.dataIndex;
      return (
        cities[id] +
        "<br>211：" +
        data[id][0] +
        "<br>985：" +
        data[id][1] +
        "<br>双一流：" +
        data[id][2]
      );
    },
  },
  radiusAxis: {},
  polar: {},
  series: [
    {
      type: "bar",
      itemStyle: {
        color: "blue",
      },
      data: data.map(function (d) {
        return d[0];
      }),
      coordinateSystem: "polar",
      name: "211",
      barGap: "-100%",
    },
    {
      type: "bar",
      itemStyle: {
        color: "green",
      },
      data: data.map(function (d) {
        return d[1];
      }),
      coordinateSystem: "polar",
      name: "985",
      barGap: "-100%",
    },
    {
      type: "bar",
      itemStyle: {
        color: "red",
      },
      data: data.map(function (d) {
        return d[2];
      }),
      coordinateSystem: "polar",
      name: "双一流",
    },
  ],
};
